import React, { memo } from "react";
import { TabcontrolWrapper } from "./style";
import { NavLink } from "react-router-dom";
export default memo(function index(props) {
  const { tabcontrolList } = props;
  return (
    <TabcontrolWrapper>
      <div className="content">
        {tabcontrolList.map((item) => {
          return (
            <div key={item.link} className="item">
              <NavLink to={item.link}>{item.title}</NavLink>
            </div>
          );
        })}
      </div>
    </TabcontrolWrapper>
  );
});
